﻿<!DOCTYPE html>
<html lang="en" manifest="manifest.cache">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>@ViewBag.Title</title>
        <link href="@Url.Content("~/Content/jquery.qtip.css")" rel="stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/jquery.mobile-1.1.0.min.css")" rel="stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/jqm-docs.css")" rel="stylesheet" type="text/css" />
        <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.mobile-1.1.0.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/modernizr-2.5.3.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery.qtip.min.js")" type="text/javascript"></script>   
        <script src="@Url.Content("~/Scripts/jqm-docs.js")" type="text/javascript"></script>   
        @RenderSection("HeadArea", required: false)
    </head>
    <body>
        <div data-role="page" class="type-interior">
            <div id="logindisplay">
                @Html.Partial("_LoginStatus")
            </div>
            <div data-role="header" data-theme="f">
                <h1>Appetite</h1>
                @Html.ActionLink("Home", "Index", "Home", null, new { data_icon = "home", data_iconpos = "notext", data_direction = "reverse", @class = "ui-btn-right" })
            </div>
            <div data-role="content">
                <div class="content-primary">
                    @RenderBody()
                </div>
                <div class="content-secondary">
                    <div data-role="collapsible" data-collapsed="true" data-theme="f" data-content-theme="d">
                        <ul data-role="listview" data-theme="c" data-dividertheme="d">
                            <li data-role="list-divider">Menu</li>
                            <li>@Html.ActionLink("About", "About", "Home")</li>
                            <li>@Html.ActionLink("Recipe", "Index", "Recipe")</li>
                        
                        </ul>
                    </div>
                </div>
            </div>
            <div data-role="footer" class="footer-docs" data-theme="c">
                <p>&copy; 2011-2012 The Appetite Project</p>
            </div>
        </div>
    </body>
</html>
